<template>
  <div class="all">
    <Navbar :navtitle="titles"></Navbar>
  <div class="bottom-all">
        <div class="wei">
      <div class="shezhi-two">
           <p>门店名称</p>
           <div>
            {{alltextvuex.storeName}}
           </div>
       </div>
        </div>
         <div class="wei">
             <div class="shezhi-two">
           <p>经营类型</p>
           <div>
             {{alltextvuex.manageTypeDesc}}
           </div>
            </div>
       </div>
        <div class="wei">
             <div class="shezhi-two">
           <p>地区</p>
           <div>
               {{alltextvuex.primaryAddress}}
           </div>
       </div>
       </div>
               <div class="wei">
      <div class="shezhi-two">
           <p>收获地址</p>
           <div>
            {{alltextvuex.detailAddress}}
           </div>
       </div>
        </div>
                       <div class="wei">
      <div class="shezhi-two">
           <p>收货人</p>
           <div>
             {{alltextvuex.primaryName}}
           </div>
       </div>
        </div>
                       <div class="wei">
      <div class="shezhi-two">
           <p>手机号码</p>
           <div>
            {{alltextvuex.primaryPhone}}
           </div>
       </div>
        </div>
       </div>
<div class="all-out-img">
          <van-uploader :after-read="onRead">
  <van-icon name="photograph" />
</van-uploader>

   <img :src="imgbase.content?imgbase.content:alltextvuex.doorHeadUrl " alt="">
</div>
    <div class="bottom-unand">
        <p>停用</p>
        <div @click="tochangenewshopping()">修改</div>
    </div>
  </div>
</template>


<script>
import Navbar from '@/components/Navbar'
import qs from 'qs'
export default {
  components:{
    Navbar
  },
  data(){
    return{
      name:"",
      imgbase:"",
      titles:"门店信息",
      alltextvuex:""
    }
  },
  methods:{
      tochangenewshopping(){
          this.$router.push({path:"/changenewshopping"})
      },
    onRead(file) {
      this.imgbase = file
      console.log(file)
    },
      nanmeall(){
           {
      this.$http
        .post(
          "https://web-gateway.newbeescm.com/b2b-app-web/app/shop/detail/"+this.$store.state.alltextwen,{},
          {
            headers: {
              token: this.$store.state.token,
              userId: this.$store.state.userInfo.id
            }
          }
        )
        .then(res => {
          console.log("名字全部",res)
          this.alltextvuex = res.data.result
        })
        .catch(err => {
          console.log(err);
        })
    }
      }
  },
  mounted(){
      this.nanmeall();
  }
}
</script>
<style lang="scss" scoped>
.bottom-unand{
     width: 100%;
    display: flex;
    height: 0.3rem;
    flex: 1;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    p{
      width: 100%;
      height: 100%;
     display: flex;
     align-items: center;
     justify-content: center;
    }
    div{
        background: #DD3333;
         width: 100%;
         height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #FFFFFF;
  
    }
}
.all-out-img{
  display: flex;
  flex-direction: column;
  margin: 0.2rem 0 0 0.14rem;
  img{
    width: 0.8rem;
    height: 0.8rem;
    margin-top: 0.1rem;
  }
}
.bottom-imgandp{
    background: #FFFFFF;
   div{
      margin-left: 0.13rem;
      display: flex;
      flex-direction: column;
      p{
            margin: 0.21rem 0 0.15rem 0;
            font-size: 0.18rem;
            color: #666666;
      }
      input{
         width: 0.8rem;
         height: 0.8rem;
      }
   }
}
.tuichu{
  margin:auto;
    margin-top:22.3%; 
  width: 82.9%;
  height: 0.44rem;
  background: #DD3333;
  border-radius: 0.04rem;
  display: flex;
  align-items: center;
  justify-content: center;
  p{
    font-size: 0.18rem;
    color: #FFFFFF;
  }
}   
.wei{
  position: relative;
    width: 100%;
  height: 100%;
}
.wei::after{
  content: "";
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 1px solid  #ccc;
  transform: scale(1,0.1);
}
.bottom-all{
  display: flex;
  flex-direction: column;
  .shezhi-two{
  background: #FFFFFF;
   font-size: 0.15rem;
  height: 0.44rem;
  //margin: 0.1rem 0;
  display: flex;
  align-items: center;
  //justify-content:space-evenly;
  p{
    margin-left:0.14rem; 
    color: #666666;
    width: 0.9rem;
    }
    div{
      display: flex;
      align-items: center;
       margin-left: 0.34rem;
        outline: none;
        font-size: 0.14rem;
    }
}

}
.all{
 // background: rgb(233, 229, 229);
  .zhanghu{
      background: #FFFFFF;
         color: #666666;
         margin-bottom: 0.01rem;
 p {  margin-left: 0.14rem;
      height: 0.36rem;
      line-height: 0.36rem;}
  }
}
.shezhi-one{
  background: #FFFFFF;
   font-size: 0.15rem;
  height: 0.44rem;
  margin: 0.1rem 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  p{
    margin-left:0.14rem; 
    color: #666666;
    }
    div{
      display: flex;
      align-items: center;
      p{
        color: #CCCCCC;
      }
      img{
        height: 0.15rem;
        transform: rotate(-180deg);
        margin: 0 0.14rem 0 0.15rem;
      }
    }
}
.shezhi{
  background: #FFFFFF;
  height: 0.9rem;
  display: flex;
  align-items: center;
  img{
    width: 0.68rem;
    height: 0.68rem;
    margin: 0 0.115rem 0 0.14rem;
    border-radius: 50%;
  }
  p{
    font-size: 0.16rem;
    color: #030303;
  }
}

</style>

